.chart-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  .chart-canvas {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
  }
  .shape-canvas {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    &.circle-shape-canvas {
      border-radius: 50%;
    }
  }
  .map-canvas {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
  }
  .text-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
}
